
body
{
  background:#2076B3 url(../../splash-small.png) center center no-repeat;
}

.error-field,
.invalid-field
{
  border-color:#F00 !important;
  box-shadow:0 0 5px #F00 !important;
}

.ui-listbox{
  background:#B4B4B8;
  width:80%;
  padding:5px;
  margin:0 0 0 -40%;
  position:absolute;
  left:50%;
  top:3em;

  box-shadow:0 0 12px rgba(0, 0, 0, 0.5);

  border-radius:.6em;
  -o-border-radius:.6em;
  -moz-border-radius:.6em;
  -webkit-border-radius:.6em;
}

.ui-page.active,
.ui-page.ui-page-active
{
  display:block !important;
  overflow:visible;
  z-index:1;
}

div.ui-page.page-auth .copyrights,
div.ui-page.page-auth .standart-vertion,
div.ui-page.page-default .copyrights,
div.ui-page.page-default .standart-vertion
{
  text-decoration:none;
}

.prg-logo
{
  display:block;
  max-width:20em;
  margin:0 auto;
}

.pg-border-radius
{
  border-radius:.6em;
  -o-border-radius:.6em;
  -moz-border-radius:.6em;
  -webkit-border-radius:.6em;
}

.ui-btn-2
{
  background:url(images/bg-btn-2.png) center center no-repeat;
  border:0;
  min-width:110px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}

#message
{
  display:none;
  background:url(images/bg-popup.png) -300px 0 no-repeat;
  width:300px;
  min-height:150px;
  line-height:20px;
  margin:-75px 0 0 -150px;
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  color:#FFF;
  font-size:12px;
  text-align:center;
  text-shadow:0 -1px 1px #11181D;
}

#message .outer-block
{
  display:block;
  background:url(images/bg-popup.png) 0 100% no-repeat;
  margin:45px 0 0;
  padding:0 40px 35px;
}

#message .inner-block
{
  padding:0 0 15px;
}

#message .inner-block .inner-title
{
  display:block;
  position:relative;
  top:-10px;
  font-weight:bold;
  font-size:14px;
}

#message .inner-block .inner-text
{
  
}

#splash
{
  display:none;
  background:url(../../logo-middle.png) center top no-repeat;
  width:300px;
  line-height:18px;
  margin:0 0 0 -150px;
  position:absolute;
  left:50%;
  top:50%;
  color:#B7DCF5;
  font-size:12px;
  text-align:center;
}

#splash .inner-text
{
  display:block;
  padding:160px 0 0;
  
}

#splash .inner-text .value
{
  font-weight:bold;
}

body.show-splash > *
{
  display:none !important;
}

body.show-splash #splash
{
  display:block !important;
}

#authForm{position:relative;}

#authForm .processing
{
  display:none;
  background:none center center no-repeat;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:1;
}
#authForm .processing .background
{
  display:block;
  background:none center center no-repeat;
  width:90px;
  height:90px;
  margin:-45px 0 0 -45px;
  position:absolute;
  left:50%;
  top:50%;
}

#authForm .auth-item-container
{
  position:relative;
  z-index:0;
}

#authForm .auth-item-container.toolbar
{
  font-size:12px;
}

#authForm .auth-item-container:first-child
{
  margin-top:0;
}

#authForm.processing > *
{
  visibility:hidden;
}

#authForm.processing .processing
{
  display:block;
  visibility:visible;
  background-image:url('');
}

#pageWrapper
{
}

.mobile-client-frame
{
  display:block;
  border:0;
  width:1px;
  height:1px;
  margin:0;
  padding:0;
  overflow:hidden;
  position:absolute;
  left:-200%;
  top:0;
  z-index:1;
}

.mobile-client #pageWrapper
{
  display:none;
}

.mobile-client .mobile-client-frame
{
  position:static;
  width:100%;
  height:100%;
  overflow:auto;
}

.portal-menu
{
  list-style:none;
  margin:0;
  padding:0;
}

.portal-menu .item
{
  background:#E8E9EB;
  border-top:1px solid #FFF;
  border-bottom:1px solid #8A8E91;
  position:relative;
  overflow:hidden;
}

.portal-menu .item .link
{
  display:table-cell;
  width:2000px;
  height:138px;
  position:relative;
  overflow:hidden;
  cursor: pointer;
  text-decoration:none;
  vertical-align:middle;
  color:#000;
}

.portal-menu .item .link .logo
{
  background:#FAFBF6;
  border:1px solid #FAFBF6;
  width:50px;
  height:50px;
  position:absolute;
  left:.5em;
  top:.5em;
  z-index:0;
  text-align:center;
}

.portal-menu .item .link .logo
{
  background:#FFF right center no-repeat;
  border:0;
  width:33%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  text-align:center;
}

.portal-menu .item .link .logo:after
{
  display:block;
  background:none left center no-repeat;
  width:40px;
  height:100%;
  content:" ";
  position:absolute;
  right:-40px;
  top:0;
}

.portal-menu .item .link .logo img
{
  border:0;
  max-width:100%;
}

.portal-menu .item .link .logo .img-wrapper
{
  display:inline-block;
  max-width:100%;
  height:100%;
  position:relative;
  text-align:center;
}

.portal-menu .item .link .logo .img-container
{
  display:inline-block;
  background:none center center no-repeat;
  background-size:contain;
  -moz-background-size:contain;
  -webkit-background-size:contain;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}

.portal-menu .item .link .logo .img-helper
{
  visibility:hidden;
}

.portal-menu .item .link .title
{
  display:inline-block;
  line-height:1.5em;
  margin:0 0 0 33%;
  padding:0 0 0 45px;
  position:relative;
  z-index:1;
  font-weight:bold;
  word-wrap:break-word;
}

.portal-menu .item .link .title .text
{
}

.portal-menu .item .link .title .url
{
  font-weight:normal;
  color:#999;
}

.portal-menu .item .link.active-link
{
  color:#FFF;

  background:linear-gradient(top, #058CF5, #015DE6);
  background:-o-linear-gradient(top, #058CF5, #015DE6);
  background:-moz-linear-gradient(top, #058CF5, #015DE6);
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#058CF5), to(#015DE6));
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#058CF5', EndColorStr='#015DE6')";
}

.portal-menu .item .link.active-link .title .url
{
  color:#FFF;
}

.ui-page.page-auth,
.ui-page.page-portals
{
  background:#FAFBF6 !important;
}

/* .ui-page.page-auth
{
  background:#2076B3 url(../../splash-small.png) center center no-repeat !important;
} */

div.ui-page.page-auth img.prg-logo
{
  max-width:10em;
  margin-top:10px;
}

div.ui-page.page-auth h2.prj-title
{
  display:none;
  margin:.3em 0 0;
  text-align:center;
  font-size:180%;
  font-weight:normal;
  color:#277BA4;
  word-wrap:break-word;
}

div.ui-page.page-auth .sign-in
{
  position:relative;
  z-index:1;
  font-weight:normal;
  font-size:11px;
}

div.ui-page.page-auth .social
{
  display:none;
  height:2.2em;
  line-height:2.2em;
  position:absolute;
  right:2px;
  top:0;
  z-index:0;
  vertical-align:middle;
  white-space:nowrap;
  /* letter-spacing:-0.55ex; */
}

div.ui-page.page-auth .social .label
{
  display:inline-block;
  word-spacing:normal;
  letter-spacing:normal;
}

div.ui-page.page-auth .social .account-links
{
  display:inline-block;
  height:100%;
  word-spacing:normal;
  letter-spacing:normal;
}

div.ui-page.page-auth .social .account-links .link
{
  background:url(images/bg-social-link.png) -64px -64px no-repeat;
  display:inline-block;
  width:2.2em;
  height:100%;
  margin:0 0 0 .3em;
  cursor:pointer;
  text-decoration:none;
  word-spacing:normal;
  letter-spacing:normal;
}

div.ui-page.page-auth div.ui-content > form
{
  margin:10px 0 0;
}

div.ui-page.page-auth .social .account-links .link.openid
{
  background-position:-35px -3px;
}

div.ui-page.page-auth .social .account-links .link.facebook
{
  background-position:-35px -35px;
}

div.ui-page.page-auth .social .account-links .link.twitter
{
  background-position:-3px -35px;
}

div.ui-page.page-auth .social .account-links .link.linkedin
{
  background-position:-3px -3px;
}

.portal-menu .item .link .logo:after
{
  background-image:url('');
}

#authForm.processing .processing .background
{
  background-image:url('');
}
